Page({
  onReady() {
    //一.创建实例animation
    this.animation = my.createAnimation({
        //设置动画参数
        duration:400,//设置动画时间
        transformOrigin:"top right",//设置移动的方向,默认是50
        delay:0,//动画延迟时间
        timingFunction:"linear"//动画效果
    })
  },
  rotate() {
    //二.调用动画操作方法
    //this.animation调用旋转方法rotate
    this.animation.rotate(180).step()
    // step()表示一组动画输入完成,在这组动画中调用任意多个动画方法
    //三.将动画队列数据填充到animation属性值中
    this.setData({ animation: this.animation.export() })
    // 通过export()导出动画数据,并设置给animation的属性
    // export()调用后,会清掉之前的动画操作
  },
  scale() {
    this.animation.scale(Math.random() * 2).step()
    this.setData({ animation: this.animation.export() })
  },
  translate() {
    this.animation.translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
    this.setData({ animation: this.animation.export() })
  },
  skew() {
    this.animation.skew(Math.random() * 90, Math.random() * 90).step()
    this.setData({ animation: this.animation.export() })
  },
  rotateAndScale() {
    this.animation.rotate(Math.random() * 720 - 360)
      .scale(Math.random() * 2)
      .step()
    this.setData({ animation: this.animation.export() })
  },
  rotateThenScale() {
    this.animation.rotate(Math.random() * 720 - 360).step()
      .scale(Math.random() * 2).step()
    this.setData({ animation: this.animation.export() })
  },
  all() {
    this.animation.rotate(Math.random() * 720 - 360)
      .scale(Math.random() * 2)
      .translate(Math.random() * 100 - 50, Math.random() * 100 - 50)
      .skew(Math.random() * 90, Math.random() * 90)
      .step()
      //如果要同时展示多个动画,则只在最后写step()
    this.setData({ animation: this.animation.export() })
  },
  allInQueue() {
    this.animation.rotate(Math.random() * 720 - 360).step()
      .scale(Math.random() * 2).step()
      .translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
      .skew(Math.random() * 90, Math.random() * 90).step()
      //如果要顺序展示多个动画,则需在每个动画后面写step()
    this.setData({ animation: this.animation.export() })
  },
  reset() {
    this.animation.rotate3d(0, 0, 0)
      .scale(1)
      .translate(0, 0)
      .skew(0, 0)
      .step({ duration: 0 })
    this.setData({ animation: this.animation.export() })
  }
})
